<template>
  <div class="app-container">
    <el-card>
      <el-tabs v-model="activeTab">
        <el-tab-pane label="已维修任务" name="Assigned">
          <assigned
            v-if="activeTab === 'Assigned'"
          />
        </el-tab-pane>
        <el-tab-pane label="安排维修任务" name="ToBeAssigned">
          <to-be-assigned
            v-if="activeTab === 'ToBeAssigned'"
          />
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import ToBeAssigned from '@/views/de_repair/components/ToBeAssigned'
import Assigned from '@/views/de_repair/components/Assigned'

export default {
  name: 'Index',
  components: { Assigned, ToBeAssigned },
  data() {
    return {
      activeTab: 'ToBeAssigned'
    }
  },
  methods: {}
}
</script>

<style scoped>

</style>
